body,html{
    // height:auto !important;
}
.da-header{
    .vux-datetime-cancel{
        height:29px;
        font-size:30px;
        font-family:PingFang-SC-Medium;
        font-weight:500;
        color:rgba(102,102,102,1);
     }
      .vux-datetime-confirm{
        height:29px;
        font-size:30px;
        font-family:PingFang-SC-Medium;
        font-weight:500;
        color:rgba(126,86,198,1);
         
     }
}


.dp-container{
    height: 5.6rem;
    .vux-datetime-confirm{
        font-size:.3rem;
        font-family:PingFang-SC-Medium;
        font-weight:500;
        color:rgba(126,86,198,1) !important;
    }
    .dp-content{
        // transform: translateY(-1rem);
        width: 3.48rem;
        margin-left: 2.01rem;
        overflow: hidden;
        // margin-right: 2.01rem;
        box-sizing: border-box;
        
        .dp-item{
            // transform: translateY(-1rem);
            .scroller-component{
                .scroller-indicator{
                   width: 0;
                    height: .87rem;
                    // transform:translateY(-.3rem);
                    background-color:none;
                }
               
                .scroller-content{
                    .scroller-item{
                        height: .87rem !important;
                        line-height: .87rem !important;
                        font-size:.28rem;
                        font-family:PingFang-SC-Medium;
                        font-weight:500;
                        color:rgba(51,51,51,1);
                        display: flex;
                        //padding-left:.2rem;
                        margin-right: .5rem;
                        
                    }
                    
                    
                }
               

            }

        }
        .dp-item:nth-child(2){
           
        width: .74rem !important;
            
        }
        
        .dp-item:nth-child(2){
            .scroller-content{
                .scroller-item{
                    transform: translateX(.2rem) !important;
                    
                }
            }
        }

    }
    
        .dp-content::after{
            content: "";
            position: absolute;
            top: 2.9rem;
            width: 5.6rem;
            height: .01rem;
            background-color: rgba(84,84,84,.5);
            z-index: 10000;
            transform: translateX(-1rem);
        }
        .dp-content::before{
            content: "";
            position: absolute;
            top: 3.66rem;
            width: 5.6rem;
            height: .01rem;
            background-color: rgba(84,84,84,.5);
            z-index: 10000;
            transform: translateX(-1rem);
        }
    

}
  